<template>

  <!-- 在组件中，使用v-for循环的话，一定要使用 key -->
  <!-- 将来，谁使用此 轮播图组件，谁为我们传递 lunbotuList -->
  <!-- 此时，lunbotuList 应该是 父组件向子组件传值来设置 -->

  <mt-swipe :auto="4000">
    <mt-swipe-item
        v-for="item in lunbotuList"
        :key="item.img"
        :class="{'full': isfull}"
    >
      <img :src="item.img" alt="">
    </mt-swipe-item>
  </mt-swipe>

  
</template>

<script>
    export default {
        props: ['lunbotuList','isfull']
    }


</script>

<style scoped lang="less">

  .mint-swipe {
    height: 145px;

    .mint-swipe-item {
      text-align: center;
      img {
        width: 100%;
      }

    }
    .full {
      width: 100%;
    }

  }
</style>